<template>
  <div class="myselfAllWrap" id="body6">
    <!-- <headertitle></headertitle> -->
    <div class="myselfWrap">
      <div class="myselfLeft clear">
        <div class="myselfLeft-title">礼拜五商城</div>
        <div class="myselfLeft-Li">
          <div>关于礼拜五></div>
          <ul>
            <li>
              <router-link to="/myself/myaccount">新用户注册</router-link>
            </li>
            <li>
              <router-link to="/myself/myorder">在线下单</router-link>
            </li>
            <li>
              <router-link to="/myself/myintegral">支付方式</router-link>
            </li>
          </ul>
          <div>配送说明 ></div>
          <ul>
            <li>
              <router-link to="/myself/mymessage">运费说明</router-link>
            </li>
            <li>
              <router-link to="/myself/addermes">配送方式</router-link>
            </li>
            <li>
              <router-link to="/myself/mycollect">发票说明</router-link>
            </li>
          </ul>
          <div>售后服务</div>
          <ul>
            <li>
              <router-link to="/myself/mynew">退换货原则</router-link>
            </li>
            <li>
              <router-link to="/myself/useropinion">服务保障承诺</router-link>
            </li>
            <li>
              <router-link to="/myself/useropinion">验货与收获</router-link>
            </li>
            <li>
              <router-link to="/myself/useropinion">发票署名</router-link>
            </li>
          </ul>
          <div>加盟礼拜五</div>
          <ul>
            <li>
              <router-link to="/myself/mynew">加盟条款</router-link>
            </li>
            <li>
              <router-link to="/myself/useropinion">公司简介</router-link>
            </li>
          </ul>
        </div>
      </div>
      <div class="Aright">
        <div class="Amb">
          <div class="Amm">
            <h3>优鲜保障</h3>
            <p>您的物流已发货巴拉巴拉巴拉巴拉本地连接是法国人世界杯基本的擦官方UHE哦却统一体u官方发布的女里居然还哥特人肺腑开始了肯定是龙卷风v你肯定会佛尔觉得抛弃我脾气法国女人都配入容光焕发看大您的物流已发货巴拉巴拉巴拉巴拉本地连接是法国人世界杯基本的擦官方UHE哦却统一体u官方发布的女里居然还哥特人肺腑开始了肯定是龙卷风v你肯定会佛尔觉得抛弃我脾气法国女人都配入容光焕发看大您的物流已发货巴拉巴拉巴拉巴拉本地连接是法国人世您的物流已发货巴拉巴拉巴世界杯基本接是法国人世界杯基本的擦官方UHE哦却统一体u官方发布的女里居然还哥特人肺腑开始了肯定是龙卷风v你肯定会佛尔觉得抛弃我脾气法国女人都配入容光焕发看大您的物流已发货巴拉巴拉然还哥特人肺腑开始了肯定是龙卷风v你肯定会佛尔觉得抛弃我脾气法国女人都配入容光焕发看大家似乎日俄u他哦i及费用投入更何况总经理的照片!!!</p>
            <img src="../../public/images/cake.jpg" alt />
            <p>您的物流已发货巴拉巴拉巴拉巴拉本地连接是巴拉巴拉本地连接是法国人世界杯基本的擦官方UHE哦却统一体u官方发布的女里居然还哥特人肺腑开始了肯定是龙卷风v你肯定会佛尔觉得抛弃我脾气法国女人都配入容光焕发看大您的物流已发货巴拉巴拉巴拉巴拉本地连接是法国人世您的物流已发货巴拉巴拉巴拉巴拉本地连接是卷风v你肯定会佛尔觉得抛弃我脾气法国女人都配入容光焕发看大您的物流已发货巴拉巴拉巴拉巴拉本地连接是法国人世界杯基本的擦官方UHE哦却统一体u官方发布的女里居然还哥特人肺腑开始了肯定是龙卷风v你肯定会佛尔觉得抛弃我脾气法国女人都配入容光焕发看大您的物流已发货巴拉巴拉巴拉巴拉本地连接是法国人世界杯基本的方发布的女里居然还哥特人肺腑开始了肯定是龙卷风v你肯定会佛尔觉得抛弃我脾气法国女人都配入容光焕发看大家似乎日俄u他哦i及费用投入更何况总经理的照片!!!</p>
            <img src="../../public/images/cake.jpg" alt />
            <p>您的物流已发货巴拉巴拉巴拉巴拉本地连接是法国人世界杯基本的擦官方UHE哦却统一体u官方发布的女里居然还哥特人肺腑开始了肯定是龙卷风v你肯定会佛尔觉得抛弃我脾气法国女人都配入容光焕发看大您的物流已发货巴拉巴拉巴拉巴拉本地连接是法国人世界杯基本的擦官方UHE哦却统一体u官方发布的女里居然还哥特人肺腑开始了肯定是龙卷风v你肯定会佛尔觉得抛弃我脾气法国女人都配入容光焕发看大您的物流已发货巴拉巴拉巴拉巴拉本地连接是法国人世您的物流已发货巴拉巴拉巴拉巴拉本地连接是法国人世界杯基本的擦官方UHE哦却统一体u官方发布的女里居然还哥特人肺腑开始了肯定是龙卷风巴拉巴拉本地连接是法国人世界杯基本的擦官方UHE哦却统一体u官方发布的女里居然还哥特人肺腑开始了肯定是龙卷风v你肯定会佛尔觉得抛弃我脾气法国女人都配入容光焕发看大家似乎日俄u他哦i及费用投入更何况总经理的照片!!!</p>
          </div>
        </div>
      </div>
    </div>
    <!-- <footertitle></footertitle> -->
  </div>
</template>

<script>
// import headertitle from "../components/headertitle.vue";
// import footertitle from "../components/footertitle.vue";
// export default {
//   components: { headertitle, footertitle }
// };
</script>

<style>
#body6 .myselfAllWrap {
  width: 100%;
  border-top: 1px solid #c1c1c1;
  margin-bottom: 40px;
}

#body6 .myselfWrap {
  width: 66.7%;
  margin: auto;
  padding-top: 40px;
  display: flex;
}

#body6 .myselfLeft {
  width: 13.3%;
  height: 624px;
  border: 1px solid #c1c1c1;
  vertical-align: middle;
}

#body6 .myselfLeft-title {
  height: 57px;
  font-size: 20px;
  line-height: 57px;
  color: #666666;
  text-indent: 20px;
  border-bottom: 1px solid #c1c1c1;
}
#body6 .myselfLeft-Li {
  text-indent: 20px;
}
#body6 .myselfLeft-Li div {
  font-size: 18px;
  color: #666666;
  height: 20px;
  padding-top: 14px;
}
#body6 .myselfLeft-Li li {
  font-size: 16px;
  height: 36px;
  line-height: 36px;
}
#body6 .myselfLeft-Li a {
  color: #d3d3d3;
}
#body6 .myselfLeft-Li a:hover {
  color: #3fce2c;
}
#body6 .myselfRight {
  width: 80%;
  margin-left: 6%;
}
#body6 .myselfLeft-Li a.router-link-active {
  color: #3fce2c;
  text-decoration: underline;
}
#body6 .Aright {
  width: 88%;
  margin-left: 2%;
  border: 1px solid #f2f2f2;
  float: right;
  margin-bottom: 20px;
}
#body6 .Aright .Amb {
  width: 100%;
  background: #999999;
  /* padding-top: 55px; */
}

#body6 .Amm {
  width: 100%;
  background: #fff;
  /* border: 1px solid #d3d3d3; */
  /* margin-left: 15%; */
  margin-bottom: 20px;
}
#body6 .Amm h3 {
  width: 100%;
  text-align: center;
  font: 20px/40px "simhei";
  color: #008de1;
}
#body6 .Amm img {
  width: 100%;
  border: 1px solid #d3d3d3;
  margin: 20px 0;
}
#body6 .Amm p {
  font: 15px/28px "simhei";
  color: #999999;
  text-indent: 2em;
}
</style>
